<%-- 
    Document   : index
    Created on : Apr 5, 2012, 4:21:48 PM
    Author     : Ian
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>


<html>
    <head>
        <title>Welcome to Lithub</title>
        <link rel='stylesheet' type='text/css' href='style.css'/>
        <link rel="shortcut icon" href="icon.ico">
    </head>

    <body style="font-family: sans-serif;">  
     
        <form action="http://snyamathi.dyndns.org?model=frontpage+view=frontpagehtml+action=getFrontPageSearch" method ="post">
        <div id ='BannerLeft'>
          Search: <input type='search'/>  
        </div>
        </form>
        
        <a id="BannerRight" onmouseover='this.style.cursor="pointer"' onfocus='this.blur();'
           onclick="document.getElementById('PopUp').style.display = 'block' " >
            <span style="text-decoration: underline;">
                login
            </span>
        </a>
      
        
        <div id='PopUp'>
            <form action="http://snyamathi.dyndns.org?model=frontpage+view=frontpagehtml+action=getFrontPagex" method="post">
            Username: <input type='username' id="username" name="username" />
            Password: <input type='password' id="password" name="username" />
            <p><input type="submit" id="button"></p>
            <br />
            <div style='text-align: right;'>
                <a onmouseover='this.style.cursor="pointer" ' style='font-size: 12px;' onfocus='this.blur();' onclick="document.getElementById('PopUp').style.display = 'none' " >
                    <span style="text-decoration: underline;">
                        X
                    </span>
                </a>
            </div>
            </form>
        </div>
       

        <a href="loginpage" style="position: inherit;">
            <img src="icon.png"  width="256" height="256" />
        </a>
        
        <p style="position: inherit;">
        <h2>Welcome to Lithub</h2>
        Lithub provides a service to lookup and trade books with your friends.
        </p>

    </body>
</html>

